<script setup>
const props = defineProps({
  title: {
    type: String,
    default: () => ''
  },
  content: {
    type: String,
    default: () => ''
  },
  labelWidth: {
    type: String,
    default: () => '140px'
  }
})
</script>

<template>
  <div class="detailed-line mb-2">
    <div class="detailed-line-title">
      {{ title + '：' }}
    </div>
    <div class="detailed-line-content" v-if="content.length != 0">
      {{ content }}
    </div>
    <div style="flex: 1; line-height: 17px">
      <slot></slot>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.detailed-line {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #999999;
  .detailed-line-title {
    width: v-bind(labelWidth);
    color: #666666;
    font-weight: 600;
    text-align: right;
  }
}
</style>
